.box{
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;/**/
    align-items: center;
    overflow: scroll;
}
.chatUl{
    width: 95%;
    height: fit-content;/*
    margin-bottom: .2415rem;*/
}
.chatUl li{
    /* border: 1px solid rgba(255, 0, 0, 0.222); */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

}
.chatUl li>div{
    /* border: 1px solid red; */
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: .4831rem 0;
    position: relative;
}
.chatUl li .nickname{
    /* border: 1px solid red; */
    position: absolute;
    top: -0.1208rem;
    left: 1.3285rem;
    font-size: .3382rem;
    line-height: .3382rem;
    color: #7B797A;
}
.chatUl li:first-child{
    margin-top: .7246rem;
}
.chatUl li:last-child{
    margin-bottom: 1.2077rem;
}
.others, .me{
    width: 1.087rem;
    height: 1.087rem;
    border-radius: .1691rem;
    background-size: cover !important;
    background-position: center !important;
}
.chatUl .left>div div:nth-child(3){/**/
    all: unset;
    white-space: pre-wrap;
    display: inline-block;
    font-family: 微软雅黑;/**/
    max-width: 70%;
    height: fit-content;
    font-size: .4589rem;
    background: #fff;
    border-radius: .1208rem;
    box-sizing: border-box;
    padding: .2415rem .3623rem;
    color: #000;
    /* margin-top: .3623rem; */
    margin-left: .2415rem;
    word-break: break-all;
    overflow-x: hidden;
}
pre{
    overflow: scroll;
    box-sizing: border-box;
    padding: .1932rem;
    border-radius: .1208rem;
    background: #000;
    color: #fff;
    -webkit-user-select: text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text;
}
pre code{
    
}
.chatUl .right>div{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
/* li.right .read{
    display: none;
    font-size: .314rem;
} */
li.right:last-child{
    position: relative;
}
/* li.right:last-child .read{
    position: absolute;
    bottom: -0.5556rem;
    right: 0;
    display: inline-block;
    font-size: .314rem;
    color: rgb(68, 68, 68);
    letter-spacing: 0;
} */

.chatUl .right>div div:nth-child(3){/**/
    all: unset;
    white-space: pre-wrap;
    font-family: 微软雅黑;
    background: #95EC6A;
    width: fit-content;/**/
    max-width: 70%;
    height: fit-content;
    font-size: .4589rem;
    line-height: .5797rem;
    border-radius: .1208rem;
    box-sizing: border-box;
    padding: .2415rem .3623rem;
    color: #000;
    word-break: break-all;
    /* margin-top: .1208rem; */
    margin-right: .2415rem;
}
.van-loading{
    /* border: 1px solid rgba(255, 0, 0, 0.085); */
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: .1208rem;
    transform: scale(0.8);
}


.nav{
    border-top: .0121rem solid rgba(112, 112, 112, 0.24);
    width: 100%;
    height: 2.1739rem;
    box-shadow: .1208rem -.1208rem .1208rem #cbcbcb0a;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    padding-top: .2415rem;
    padding-left: .2415rem;
    padding-right: .2415rem;
    background: #F6F6F6;
}
.nav .speech{
    /* border: 1px solid rgba(255, 0, 0, 0.054); */
    width: .9662rem;
    height: .9662rem;
    border-radius: 50%;
    background: url(../../../img/speech.webp) no-repeat;
    background-size: .7246rem .7246rem;
    background-position: center;
}
.nav input{
    display: inline-block;
    flex: 1;
    height: .9662rem;
    font-size: .4106rem;
    outline: none;
    border: none;
    border-radius: .1208rem;
    padding: 0 .2415rem;
    background: #ffffff;
    margin: 0 .2415rem;
}
.nav .emoji{
    /* border: 1px solid rgba(255, 0, 0, 0.054); */
    width: .9662rem;
    height: .9662rem;
    border-radius: 50%;
    background: url(../../../img/emoji.webp) no-repeat;
    background-size: .7246rem .7246rem;
    background-position: center;
}
.nav .add{
    /* border: 1px solid rgba(255, 0, 0, 0.054); */
    width: .9662rem;
    height: .9662rem;
    border-radius: 50%;
    background: url(../../../img/add.webp) no-repeat;
    background-size: .7488rem .7488rem;
    background-position: center;
}

/* .nav button{
    
    all: unset;
    width: 1.9324rem;
    height: .9662rem;
    background: url(../../../../../images/chatai/send.webp) no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: .1208rem;
    
} */

/* 时间显示 */
.time{
    font-size: .3865rem;
    line-height: .3382rem;
    color: #7B797A;
}
.read{
    /* border: 1px solid red; */
    position: absolute;
    width: fit-content;
    display: inline-block;
    left: 0;
    bottom: -0.4831rem;
    z-index: 999;
    font-size: .314rem;
    line-height: .3382rem;
    color: #7B797A;
    /* opacity: 0; */

}